// import WeCropper from '../../we-cropper-master/example/we-cropper/we-cropper.js'

// const device = wx.getSystemInfoSync()
// const width = device.windowWidth
// const height = device.windowHeight - 50

// Page({
//   data: {
//     cropperOpt: {
//       id: 'cropper',
//       width,
//       height,
//       scale: 2.5,
//       zoom: 8,
//       cut: {
//         x: (width - 300) / 2,
//         y: (height - 300) / 2,
//         width: 300,
//         height: 300
//       }
      
//     }
//   },
//     init() {
//       const {
//         id,
//         targetId
//       } = this.properties.options
//       const option = Object.assign(this.properties.options, {
//         ctx: wx.createCanvasContext(id, this),
//         targetCtx: wx.createCanvasContext(targetId, this)
//       })

//       this.wecropper= new WeCropper(option)
//     },

//   touchStart(e) {
//     this.wecropper.touchStart(e)
//   },
//   touchMove(e) {
//     this.wecropper.touchMove(e)
//   },
//   touchEnd(e) {
//     this.wecropper.touchEnd(e)
//   },
//   //这个是保存上传裁剪后的图片的方法
//   getCropperImage() {
//     var that = this
//     this.wecropper.getCropperImage((avatar) => {
//       console.log(avatar)
//       if (avatar) {
//         console.log(avatar)
//         uploadImage(avatar, function (res) { })
//         function uploadImage(filePath, cb) {   //个人封装的简单的上传单张图片上传的方法
//           wx.uploadFile({
//             url: 'https://jiajiao.qjiajiao.cn/jcx/market/picture',
//             filePath: filePath,
//             name: 'file',
//             header: {
//               "Content-Type": "multipart/form-data"
//             },
//             formData: {
//               token: getApp().globalData.userData.token,
//               userName: "",
//               portrait: filePath
//             },
//             success: function (res) {
//               // 获取到裁剪后的图片
//               // wx.switchTab({
//               //   url: `../A/A?avatar=${avatar}`   //如果需要这图片地址就传过去 ，因为我上传后跳转页面后会自己获取服务器的是地址了。这里仅提供思路参考。
//               // })


//               console.log('上传图片成功')
//               console.log(res);
//               wx.showToast({
//                 title: '上传成功',
//               })
//               cb(res);
//             },
//             fail: function (res) {
//               console.log('上传图片失败!')
//               console.log(res)
//               wx.showToast({
//                 title: '上传失败',
//               })
//             },
//           })
//         }

//       } else {
//         console.log('获取图片失败，请稍后重试')
//       }
//     })
//   },
//   uploadTap() {
//     const self = this

//     wx.chooseImage({
//       count: 1, // 默认9
//       sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
//       sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
//       success(res) {
//         const src = res.tempFilePaths[0]
//         // 获取裁剪图片资源后，给data添加src属性及其值
//         self.wecropper.pushOrign(src)
//       }
//     })
//   },
//   onLoad(option) {
//     const { cropperOpt } = this.data

//     if (option.src) {
//       cropperOpt.src = option.src
//       new WeCropper(cropperOpt)
//         .on('ready', (ctx) => {
//           console.log(`wecropper is ready for work!`)
//         })
//         .on('beforeImageLoad', (ctx) => {
//           console.log(`before picture loaded, i can do something`)
//           console.log(`current canvas context:`, ctx)
//           wx.showToast({
//             title: '上传中',
//             icon: 'loading',
//             duration: 20000
//           })
//         })
//         .on('imageLoad', (ctx) => {
//           console.log(`picture loaded`)
//           console.log(`current canvas context:`, ctx)
//           wx.hideToast()
//         })
//         .on('beforeDraw', (ctx, instance) => {
//           console.log(`before canvas draw,i can do something`)
//           console.log(`current canvas context:`, ctx)
//         })
//         .updateCanvas()
//     }
//   }
// })


// 输入文字生成二维码
var QRCode = require('../../utils/weapp-qrcode.js')
var qrcode;


Page({
  data: {
    text: 'http://qiniu.keleziyouxing.com/applet_ico_banner.png',
    image: ''
  },
  onLoad: function (options) {
    qrcode = new QRCode('canvas', {
      // usingIn: this,
      text: "http://qiniu.keleziyouxing.com/applet_ico_banner.png",
      image: '',
      width: 150,//生成二维码的宽
      height: 150,//生成二维码的高
      colorDark: "#1CA4FC",//
      colorLight: "white",
      correctLevel: QRCode.CorrectLevel.H,//生成二维码可辨识度的级别，级别越高可辨识度越高，从低到高以此是M、L、H、Q
      
    });
  },
  confirmHandler: function (e) {
    var value = e.detail.value
    qrcode.makeCode(value)
  },
  inputHandler: function (e) {
    var value = e.detail.value
    this.setData({
      text: value
    })
  },
  tapHandler: function () {
    // 传入字符串生成qrcode
    qrcode.makeCode(this.data.text)
  },
  // 长按保存
  save: function () {
    console.log('save')
    wx.showActionSheet({
      itemList: ['保存图片'],
      success: function (res) {
        console.log(res.tapIndex)
        if (res.tapIndex == 0) {
          qrcode.exportImage(function (path) {
            wx.saveImageToPhotosAlbum({
              filePath: path,
            })
          })
        }
      }
    })
  }
})